<!--
 * @Description: 
 * @Author: jack-wang
 * @Date: 2021-03-29 13:25:13
 * @LastEditTime: 2021-03-29 13:44:27
 * @LastEditors: Su Yunzheng
-->
<template>
    <div class="main-wrap">
        <div class="main-content">
            <router-view></router-view>
        </div>
        <footer>
            <router-link to="/main/home">首页</router-link>
            <router-link to="/main/classify">分类</router-link>
            <router-link to="/main/car">购物车</router-link>
            <router-link to="/main/my">我的</router-link>
        </footer>
    </div>
</template>

<script>
export default {
    created(){
        
    },
    activated() {
        console.log("keep-alive,主页面");
    },
}
</script>

<style lang="scss" scoped>
    .main-wrap{
        @include size(100%,100%);
        display: flex;
        flex-direction: column;
        .main-content{
            width:100%;
            flex:1;
            overflow: hidden;
        }

        footer{
            @include size(100%,44px);
            border-top:1px solid gray;
            line-height: 44px;
            display: flex;
            justify-content: space-between;
        }
    }
</style>